<template>
  <el-container>
    <el-header ><h1 style="text-align: left; color: aliceblue;">云音乐管理系统</h1>
      <el-icon><HomeFilled /></el-icon>
    </el-header>
    <el-container>
      <el-aside width="200px">
        <el-menu active-text-color="#ffd04b" text-color = "#fff" default-active="2" 
        style="background-color:cadetblue ;" router = "true">
          <el-sub-menu index="1">
            <template #title>
            <el-icon><location /></el-icon>
            <span>音乐工作台</span>
          </template>
            <el-menu-item index="/music" style="background-color:cadetblue ;">音乐管理</el-menu-item>
            <el-menu-item index="1-2" style="background-color:cadetblue ;">歌词管理</el-menu-item>
          </el-sub-menu>
        </el-menu>
        <el-menu  active-text-color="#ffd04b" text-color = "#fff" default-active="2" style="background-color:cadetblue ;">
          <el-sub-menu index="1">
            <template #title>
            <el-icon><location /></el-icon>
            <span>歌手工作台</span>
          </template>
            <el-menu-item index="1-1" style="background-color:cadetblue ;">歌手管理</el-menu-item>
            <el-menu-item index="1-2" style="background-color:cadetblue ;">专辑管理</el-menu-item>
          </el-sub-menu>
        </el-menu>
      </el-aside>
      <el-main> 

        <RouterView />
      </el-main>
    </el-container>
  </el-container>
</template>

<style scoped>




.el-container{
  height: 100%;
}
.el-aside{
  height: 728px;
  background-color: cadetblue;
}
.el-header{
  background-color:cadetblue;
}


</style>




<script setup>


</script>